.contributeBox{
    margin-top: 48px;
}
.contributeWayText{
    text-align: center;
    font-size:32px;
    font-weight:500;
    color:rgba(32,32,32,1);
    line-height:47px;
}
.underLine{
    width:48px;
    height:4px;
    margin: 8px auto 40px;
    background:rgba(216,65,45,1);
    border-radius:3px;

}
.contributeWay{
    padding: 32px 117px;
    box-shadow:0px 12px 33px 0px rgba(238,238,238,1);
    justify-content: space-around;
    color: #5D687A;
    line-height: 48px;
}
.lineData{
    position: relative;
}
.lineData::before{
    content: '';
    position: absolute;
    left: -12px;
    top: 18px;
    width:4px;
    height:12px;
    background:rgba(68,136,255,1);
    border-radius:2px;
}
.recruitBox,.mapBox{
    margin-top: 80px;

}
.roleBox{
    justify-content: space-around;
}
.role{
    width:120px;
    height:40px;
    border-radius:4px;
    border:1px solid rgba(216,216,216,1);
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
    transition: background ease-out .6s,color ease-in .4s;
}
.role:hover{
    background: #D8412D;
    color: #fff;

}
.transform{
    background: #D8412D;
}
.roleBox .active{
    color: #fff;
    background-color: #D8412D;
}
.roleInfo{
    margin-top: 48px;
    padding: 40px 40px 40px 120px;
    box-sizing: border-box;
    box-shadow:0px 2px 57px 0px rgba(218,218,218,0.5);
}
.roleName{
    padding-bottom: 24px;
    font-size:24px;
    font-weight:500;
    line-height:36px;
    border-bottom:1px solid #C7D9FF ;
}
.roleInfoText{
    margin-top: 24px;
    font-size:15px;
    font-weight:500;
    line-height:32px;
}
.mapImg{
    position: relative;
}
.mapImg .dingwei{
    position: absolute;
    bottom: 11%;
    right: 28%;
}
.mapImg .dingwei>img{
    width: 30px;
}

.mapImg #map1 {
    width: 693px;
    max-width: 100%;
    height: 450px;
}
.mapBox{
    margin-bottom: 80px;
}
.mapImgBox{
    justify-content: space-between;
}
.mapText{
    width:484px;
    padding: 24px 24px 42px;
    background:rgba(247,249,255,1);
    border-radius:8px;
    border:1px solid rgba(138,190,255,1);
}
.weizhi>img{
    width: 14px;
}
.cityBox{
    font-size: 26px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    line-height: 1;
    border-bottom: 1px solid #D4E7FF;
}
